<template>
	<view class="page_box">
		<view class="head_box ">
			<yy-custom bgColor="" v-if="0">
				<block slot="backText">返回</block>
				<block slot="content">个人中心</block>
			</yy-custom>
		</view>

		<view class="content_box ">
			<view class="head bg-img align-center flex padding ww100 h436">
				<image
					src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/okkk.jpg"
					mode="aspectFill"
					class="w150 h150  round "
				></image>

				<view class="margin-left flex flex-direction justify-between">
					<text class="text-white text-bold  f40">
						{{ info.nickname ? info.nickname : '平台用户' }}
					</text>
					<text class="text-white">{{ info.mobile }}</text>
				</view>
			</view>
			<view class="bgimg bg-img ww100 h200 " @click="jump('/pages/hmPage/certification')">
				<view class="w134 h52 r26 f24 certification flex align-center justify-center">立即认证</view>
			</view>
			<view v-for="(item, index) in data" :key="index" @click="jump(item.url)">
				<view class="padding flex justify-between solid-bottom">
					<view class="flex align-center">
						<image :src="item.icon" mode="aspectFill" class="w44 h44 "></image>
						<span class="f28 margin-left">{{ item.name }}</span>
					</view>
					<span class="cuIcon-right"></span>
				</view>
			</view>
		</view>
		<view class="foot_box"></view>
		<!-- 登录提示 -->
		<yy-login v-if="false"></yy-login>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
const app = getApp();

import XsuuSwiper from '../../components/Xss-swiper/Xsuu-swiper.vue';
export default {
	components: { XsuuSwiper },
	data() {
		return {
			info: {},
			data: [
				{
					name: '我的好友',
					icon: '../../static/wo1.png',
					url: '/pages/personalCtr/myGoodFriend'
				},
				{
					name: '我的邀请',
					icon: '../../static/wo3.png',
					url: '/pages/personalCtr/inviteFriends'
				},
				{
					name: '收费记录',
					icon: '../../static/0011113.png',
					url:'/pages/personalCtr/crgRec'
				},
				{
					name: '我的钱包',
					icon: '../../static/0011111.png',
					url:'/pages/personalCtr/myPurse'
				},

				{
					name: '机构管理',
					icon: '../../static/wo4.png',
					url: '/pages/personalCtr/institutionalManagement'
				},

				{
					name: '教师管理',
					icon: '../../static/0011114.png',
					url:'/pages/personalCtr/teacherManagement'
				},
				{
					name: '班级管理',
					icon: '../../static/0011112.png',
					url:'/pages/personalCtr/clasManagement'
				},
				{
					name: '我的班级--学生入口',
					icon: '../../static/0011112.png',
					url:'/pages/personalCtr/myClas'
				},

				{
					name: '我的机构',
					icon: '../../static/wo2.png',
					url: '/pages/personalCtr/myOrganization'
				}
			]
		};
	},
	onShow() {},
	onLoad(e) {
		this.info = uni.getStorageSync('info');
	},
	methods: {
		jump(url) {
			uni.navigateTo({
				url
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {
	.head_box {
		yy-custom {
			background-color: transparent;
		}
	}
	.content_box {
		.head {
			background-image: url(https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/beijin.png);
		}
		.bgimg {
			position: relative;
			margin-top: -100rpx;
			background-image: url(https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/zhu.png);
			.certification {
				position: absolute;
				right: 100rpx;
				top: 50%;
				transform: translateY(-50%);
				color: #d95d12;
				background: linear-gradient(270deg, #ffa84a, #ffdbbc);
			}
		}
	}
}
</style>
